.prevSlide {
    position: absolute;
    left: 20px;
    top: 43%;
    opacity: 0.5;
    z-index: 2;
    color: var(--green-l);
    text-shadow: 2px 2px 2px black, -1px -1px 2px black;
    /* background: rgba(255, 255, 255, 0.25); */
    font-size: 11px;
}

.nextSlide {
    position: absolute;
    top: 43%;
    opacity: 0.5;
    right: 20px;
    z-index: 2;
    color: var(--green-l);
    text-shadow: 2px 2px 2px black, -1px -1px 2px black;
    /* background: rgba(236, 236, 236, 0.25); */
    font-size: 11px;
}

.prevSlide:hover {
    color: var(--green);
    cursor: pointer;
    opacity: 0.9;
}

.nextSlide:hover {
    color: var(--green);
    cursor: pointer;
    opacity: 0.9;
}